// 正则变量
var graceRichTextReg;

// 批量替换的样式 [ 根据项目需求自行设置 ]
var GRT = [
    // div 样式
    ['div', "line-height:2em;"],
    // h1 样式
    ['h1', "font-size:3em; line-height:1.5em;"],
    // h2 样式
    ['h2', "font-size:2em; line-height:1.8em;"],
    // h3 样式
    ['h3', "font-size:1.6em; line-height:2em;"],
    // h4 样式
    ['h4', "font-size:1.2em; line-height:2em;"],
    // h5 样式
    ['h5', "font-size:1em; line-height:2em;"],
    // h6 样式
    ['h6', "font-size:0.9em; line-height:2em;"],
    // p 样式
    ['p', "font-size:1em; line-height:2em;"],
    // b 样式
    ['b', "font-size:1em; line-height:2em;"],
    // strong 样式
    ['strong', "font-size:1em; line-height:2em;"],
    // code 样式
    ['code', "font-size:1em; line-height:1.2em; background:#F6F7F8; padding:8px 2%; width:96%;"],
    // img 样式
    ['img', "width:100%; margin:0;display: block;"],
    // blockquote
    ['blockquote', "font-size:1em; border-left:3px solid #D1D1D1; line-height:2em; border-radius:5px; background:#F6F7F8; padding:8px 2%;"],
    // li 样式
    ['ul', "padding:5px 0; list-style:none; padding:0; margin:0;"],
    ['li', "line-height:1.5em; padding:5px 0; list-style:none; padding:0; margin:0; margin-top:10px;"],
    // table
    ['table', "width:100%; border-left:1px solid #F2F3F4; border-top:1px solid #F2F3F4;"],
    ['th', "border-right:1px solid #F2F3F4; border-bottom:1px solid #F2F3F4;"],
    ['td', "border-right:1px solid #F2F3F4; border-bottom:1px solid #F2F3F4; padding-left:5px;"]
];


export const format = (html: any) => {
    var img: string[] = [];
    html = html.replace(/<pre.*pre>?/gis, (word: any) => {
        word = word.replace(/[\n]/gi, '<br />');
        word = word.replace(/    /gi, '<span style="padding-left:2em;"></span>');
        return word.replace(/[\t]/gi, '<span style="padding-left:2em;"></span>');
    });
    html = html.replace(/<pre/gi, '<p style="font-size:1em; margin:12px 0; line-height:1.2em; background:#F6F7F8; border-radius:5px; padding:8px 4%; width:92%;"');
    html = html.replace(/<\/pre/gi, "</p");
    for (let i = 0; i < GRT.length; i++) {
        graceRichTextReg = new RegExp('<' + GRT[i][0] + '>|<' + GRT[i][0] + ' (.*?)>', 'gi');
        html = html.replace(graceRichTextReg, (word: any) => {
            if (GRT[i][0] == 'img') {
                img.push(word.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, (match: any, capture: any) => {
                    return capture;
                })
                )
            }
            // 分析 dom 上是否带有 style=""
            if (word.indexOf('style=') != -1) {
                var regIn = new RegExp('<' + GRT[i][0] + '(.*?)style="(.*?)"(.*?)(/?)>', 'gi');
                return word.replace(regIn, '<' + GRT[i][0] + '$1style="$2 ' + GRT[i][1] + '"$3$4>');
            } else {
                var regIn = new RegExp('<' + GRT[i][0] + '(.*?)(/?)>', 'gi');
                return word.replace(regIn, '<' + GRT[i][0] + '$1 style="' + GRT[i][1] + '$2">');
            }
        });
    }
    return {
        html: html,
        img: img
    };
}

export default format